<?
include_once '../includes/config.php';
include_once '../includes/parcial.php';
$GrupoServicios = new GrupoServicios();
$UsuarioServicios = new UsuarioServicios();
$grupos = $GrupoServicios->listar();
$usuarios = $UsuarioServicios->listarUsuarios();
$i = 0;
foreach ($grupos as $g) {
    $gruposarray[$i]["key"] = $g->getId();
    $gruposarray[$i]["value"] = $g->getNombre();
    $i++;
}
$i = 0;
foreach ($usuarios as $u) {
    $usuariosarray[$i]["key"] = $u->getId();
    $usuariosarray[$i]["value"] = $u->getNombre();
    $i++;
}
?>
<div id="contenedorModificarGabinete">
    <form accept-charset="utf-8" id="formPermisosTemporales" name="formPermisosTemporales" action="">
        <div class="contenedorBotones">
            <?
            echo Helper::botonJquery('agregarPermisoTemporal', 'agregarPermisoTemporal', 'Agregar');
            echo Helper::botonJquery('cancelar', 'cancelar', 'Cancelar');
            ?>
        </div>
        <div class="contenedorModulos">
            <div class="modulo">
                <?
                echo Helper::selectVertical('Grupo', $gruposarray, 'grupo', 'grupo');
                echo Helper::selectVertical('Usuario', $usuariosarray, 'usuario', 'usuario');
                ?>
            </div>
            <div class="modulo">
                <?
                echo Helper::entradaTextoVertical('Fecha', '150', '', 'fecha');
                ?>
                <div class="entradaHorizontal" style="margin-top: -10px;"> 
                    <label class="etiquetaAbm">Hora Desde</label><br/>
                    <select id="horaDesde" name="horaDesde">
                        <?php
                        for ($i = 10; $i <= 23; $i++) {
                            ?>
                            <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                            <?php
                        }
                        ?>
                    </select>
                </div>
                <div class="entradaHorizontal" style="margin-top: -10px;"> 
                    <label class="etiquetaAbm">Hora Hasta</label><br/>
                    <select id="horaHasta" name="horaHasta">
                        <?php
                        for ($i = 10; $i <= 23; $i++) {
                            ?>
                            <option value="<?php echo $i; ?>"><?php echo $i; ?></option>
                            <?php
                        }
                        ?>
                    </select>
                </div>
            </div>
        </div>
    </form>
</div>
<script type="text/javascript">
    $(document).ready(function(){
        $("#formPermisosTemporales").validate(
        {
            rules: 
                { 
                grupo:  "required",
                usuario:  "required",
                fecha: "required",
                horaDesde: "required",
                horaHasta: "required"
            },
            messages: 
                {
                grupo: "*",
                usuario: "*",
                fecha: "*",
                horaDesde: "*",
                horaHasta: "*"
            }
        });
        $('#fecha').datepicker( {
            dateFormat: 'yy-m-d',
            changeMonth: true,
            changeYear: true,
            showButtonPanel: true,
            closeText: "Cerrar"
      
        });
        $("#agregarPermisoTemporal").click(function(event) {
            event.preventDefault();
            
            if ( $("#formPermisosTemporales").validate().form()){
                $.blockUI();
                var grupo=$("#grupo").val();
                var usuario=$("#usuario").val();
                var fecha=$("#fecha").val();
                var horaDesde=$("#horaDesde").val();
                var horaHasta=$("#horaHasta").val();
                $.ajax({
                    type: "POST",
                    url: "agregarPermisoTemporal.php",
                    data: {grupo: grupo, usuario: usuario, fecha: fecha, horaDesde: horaDesde, horaHasta: horaHasta},
                    success: function(data){
                        if (data=="1"){
                            $.ajax({
                                type: "POST",
                                url: "recargarTablas.php",
                                data: {objeto: "PermisoTemporal"},
                                success: function(data){
                                    $("#recargarTabla").html(data);
                                    $.unblockUI();
                                    $.growlUI('Permiso Temporal Agregado..'); 
                                    $("#tope").html("");
                                    $("#tope").slideUp(1);
                                }
                            });
                        }
                        else{
                            $.unblockUI();
                            $.growlUI('No se pudo agregar el Permiso Temporal..'); 
                        }
                    }
                });
            }
        }); 
    });
</script>
